<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <link href="../css/common/bi_app_style.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
        body { margin: 0; padding: 0; background: #ddd;}
        .comp-banner {
            margin-bottom: 10px;
        }
        .comp-banner .header {
            box-shadow: 0px 3px 12px rgba(0,0,0,0.4);
        }
        .apps_viewer #LEFT {
            width: 20%;
            float: left;
            background: #c0c0c0;
            border: 3px solid #6c6f70;
            box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
        }
        .content {
            width: calc( 80% - 85px );
            float: left;
            border: 3px solid #6c6f70;
            box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
        }
.

    </style>
</head>
<body>
<div class="apps_viewer">
    <div class="main-wraper">
        <div class="comp-banner">
        <div class="header">
            <h1 class="title">Dashboard Name</h1>
        </div>
        </div>
        <div id="LEFT">
            dfgd
        </div>
        <div class="content">
            sdfdds
        </div>
    </div>
</div>
</body>
</html>